<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>详情</title>

        <script type="text/javascript" src="/js/jquery/jquery.js"></script>
        <script
            type="text/javascript"
            src="/js/plugins/jquery-form/jquery.form.js"
        ></script>
        <script
            type="text/javascript"
            src="/js/plugins/jqPaginator/jq-paginator.min.js"
        ></script>
        <script src="/js/vue/md5.js"></script>
        <script src="/js/plugins/js-cookie/js.cookie.min.js"></script>
        <script type="text/javascript" src="/js/vue/common.js"></script>
        <script src="/js/vue/vue.min.js"></script>
    </head>
    <body>
        <div id="app">
            <div>详情</div>
            <div>
                <p>话题详情</p>
                <table border="1">
                    <tr>
                        <td>楼主</td>
                        <td>标题</td>
                    </tr>
                    <tr>
                        <td>{{topic.initiatorName}}</td>
                        <td>{{topic.topicName}}</td>
                    </tr>
                </table>
            </div>
            <div>
                <p>回复</p>
                <table border="1">
                    <tr>
                        <td>回复人</td>
                        <td>回复内容</td>
                    </tr>
                    <tr v-for="item in topic.detailList">
                        <td>{{item.userName}}</td>
                        <td>{{item.content}}</td>
                    </tr>
                </table>
            </div>
            <hr />
            <div>
                <input v-model="content" />
                <button @click="replay">回复</button>
            </div>
        </div>
    </body>
    <script src="/js/vue/system/topic/detail.js"></script>
</html>
